import React from 'react';
import { Grid } from '@mui/material';
import PriceChartContainer from './PriceChartContainer';
import OrderGridContainer from './OrderGridContainer';
import PositionGridContainer from './PositionGridContainer';
import DashboardDataProvider from '../api/DashboardDataProvider';

const DashboardPage = (): React.ReactElement => (
    <DashboardDataProvider>
        <Grid container spacing={1}>
            <Grid container item xs={12}>
                <PriceChartContainer />
            </Grid>
            <Grid container item xs={6}>
                <OrderGridContainer />
            </Grid>
            <Grid container item xs={6}>
                <PositionGridContainer />
            </Grid>
        </Grid>
    </DashboardDataProvider>
)

export default DashboardPage;